<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
        }
        #l1{
            border: 2px solid #FC9829;
            height: 465px;
            width: 210px;
            border-radius: 10px;
            margin: 0px auto;
        }
        div ul li{
            font-size: 14px;
            border-bottom:1px dotted #929292 ;
            list-style: none;
            font-weight:bold;
            line-height: 45px;
            padding-left: 50px;
            font-family: "宋体";
        }
        #w1{
            background-image: url("../图/icon_01.jpg");
            border-radius:10px 10px 0px 0px;
            background-repeat: no-repeat;
        }
        #w2{
          background-image: url("../图/icon_02.jpg");
            background-repeat: no-repeat;
        }
        #w3{
          background-image: url("../图/icon_03.jpg");
            background-repeat: no-repeat;
        }
        #w4{
          background-image: url("../图/icon_04.jpg");
            background-repeat: no-repeat;
        }
        #w5{
          background-image: url("../图/icon_05.jpg");
            background-repeat: no-repeat;
        }
        #w6{
          background-image: url("../图/icon_06.jpg");
            background-repeat: no-repeat;
        }
        #w7{
          background-image: url("../图/icon_07.jpg");
            background-repeat: no-repeat;
        }
        #w8{
          background-image: url("../图/icon_08.jpg");
            background-repeat: no-repeat;
        }
        #w9{
          background-image: url("../图/icon_09.jpg");
            background-repeat: no-repeat;
        }
        #w10{
          background-image: url("../图/icon_10.jpg");
            background-repeat: no-repeat;
            border-bottom: none;
        }









    </style>
</head>
<body>
<div id="l1">
    <ul>
        <li id="w1">酒水、饮料</li>
        <li id="w2">进口食品</li>
        <li id="w3">休闲零食</li>
        <li id="w4">地方特产</li>
        <li id="w5">保健、冲调</li>
        <li id="w6">粮油、生鲜</li>
        <li id="w7">美容洗护</li>
        <li id="w8">清洁洗涤</li>
        <li id="w9">母婴、纸品</li>
        <li id="w10">家居百货</li>
    </ul>
</div>

</body>
</html>